@mixin full-percent {
  width: 100%;
  height: 100%;
}
@mixin left-top($position: absolute, $left: 0, $top: 0) {
  position: $position;
  left: $left;
  top: $top;
}
@mixin left-bottom($position: absolute, $left: 0, $bottom: 0) {
  position: $position;
  left: $left;
  bottom: $bottom;
}
@mixin right-top($position: absolute, $right: 0, $top: 0) {
  position: $position;
  right: $right;
  top: $top;
}
@mixin right-bottom($position: absolute, $right: 0, $bottom: 0) {
  position: $position;
  right: $right;
  bottom: $bottom;
}
@mixin ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@mixin multi-ellipsis($row) {
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: $row;
  -webkit-box-orient: vertical;
}
@mixin flex-between {
  display: flex;
  justify-content: space-between;
}
@mixin radius($top, $right: $top, $bottom: $top, $left: $top) {
  border-radius: $top $right $bottom $left;
  -webkit-border-radius: $top $right $bottom $left;
  -moz-border-radius: $top $right $bottom $left;
  -ms-border-radius: $top $right $bottom $left;
  -o-border-radius: $top $right $bottom $left;
}
@mixin offset-from {
  transform: scale3d(1, 1, 1) translate3d(0, -15px, 0);
  -webkit-transform: scale3d(1, 1, 1) translate3d(0, -15px, 0);
  -moz-transform: scale3d(1, 1, 1) translate3d(0, -15px, 0);
  -ms-transform: scale3d(1, 1, 1) translate3d(0, -15px, 0);
  -o-transform: scale3d(1, 1, 1) translate3d(0, -15px, 0);
}
@mixin offset-to {
  transform: scale3d(1.1, 1.1, 1.1) translate3d(0, 15px, 0);
  -webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0, 15px, 0);
  -moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(0, 15px, 0);
  -ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(0, 15px, 0);
  -o-transform: scale3d(1.1, 1.1, 1.1) translate3d(0, 15px, 0);
}
@mixin transition($time) {
  transition: all $time ease-out;
  -webkit-transition: all $time ease-out;
  -moz-transition: all $time ease-out;
  -ms-transition: all $time ease-out;
  -o-transition: all $time ease-out;
}
@mixin scale-0 {
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
}
@mixin scale-1 {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
